@media (max-width: 1600px){



}



@media (max-width: 1500px){

    .content .strate3 ul li{font-size: 16px;}



    .serachbox .su{margin-right: 45px;}

}





@media (max-width: 1370px){

    .header{height: 90px;}

    .header .container{width: 1200px; min-width: 1200px;}

    .header .logo{width: 140px; margin-top: 24px;}

    .header .headernav{margin-left: 20px; margin-top: 28px;}

    .header .headernav .nav li{width: 80px; font-size: 14px;}

    .header .headernav .nav li.nLi4{width: 160px;}

    .header .headernav .nav li.nLi4>ul li{width: 160px;}

    .header .headernav .nav > li > .second li{font-size: 12px;}

    .header .headernav .nav > li > ul > li ul{right: -170px;}
    .header .headernav .nav > li > ul > li ul.knowledge{right: -80px;}

    .header .formbox{margin-top: 32px;}



    #index-banner .bg{display: none; background: none!important}

    #index-banner .img{display: block;}

    #index-banner .img img{display: block; width: 100%; height: auto;}

    #index-banner .swiper-pagination-bullet{width: 10px; height: 10px; margin-right: 10px;}



    .index-news .in-news .txt{padding: 15px;}

    .index-news .in-news .txt h2{font-size: 18px;}

    .index-news .right .box1 h1{font-size: 18px;}

    .index-news .right .box1 .nr{font-size: 14px; height: 97px;}

    .index-news .right .box2 .hd ul li{font-size: 18px;}

    .index-news .right .box2 .bd ul li a{font-size: 14px;}





    .index1 ul li .bt{font-size: 32px;}

    .index1 ul li .txt{font-size: 22px;}

    .index1 ul .li3 .box .nr{font-size: 16px;}

    .index1 ul .li3 .more{font-size: 22px;}





    .footer .container{width: 1200px;min-width: 1200px;}

    .footer .bt{font-size: 20px;}

    .footer .wz{font-size: 16px;}

    .footer .box3 p{font-size: 16px;}

    .footer .box{margin-right: 40px;}

    .footer .box1 ul .li1{margin-right: 40px;}

    .footer .box2 ul .li1{margin-right: 40px;}





    .bottoms{font-size: 14px;}





    .inside-banner{height: auto;}

    .inside-banner .bg{height: auto; background: none!important;}

    .inside-banner .bg img{display: block; width: 100%; height: auto;}





    .content{padding-bottom: 60px;}

    .content .sidemenu .sidelist ul li h1{font-size: 16px;}

    .content .nrbox{padding: 40px;}

    .content .nrbox p{font-size: 14px;}





    .content .about5 ul li .boxs .left .nr p{height: 72px;}

    .content .about5 ul li .boxs .left .more a{font-size: 14px;}



    .content .cate .links li{font-size: 16px;}



    .content .views ul li{margin-bottom: 30px;}





    .content .views2 ul li{margin-bottom: 30px;}



    .content .views3 ul li h1 span{ font-size: 16px;}





    .content .news ul li{margin-bottom: 30px;}

    .content .news ul li .box2 h1{font-size: 16px;}



    .content .news2 ul li .box .nr h1{font-size: 16px;}



    .content .join .zp ul li{font-size: 16px;}



    .content .strate1 ul li{padding:60px 40px;}



    .content .strate3 ul li{font-size: 14px;}



    .content .strate5 ul li{font-size: 14px;}



    .info ul li h1 span{font-size: 16px;}



    .serachbox .su{margin-right: 25px;}

    .serachbox .su span{font-size: 16px;}



    .content .xzmu{font-size: 16px;}



    .content .sidemenu .zclist ul li h1{height: 70px;}

    .content .sidemenu .zclist ul li h1 h2{font-size: 16px;}

    .content .sidemenu .zclist .second li h4 a{font-size: 14px;}



    .content .nr table tr th{font-size: 16px;}

    .content .nr table tr td{font-size: 14px;}



    .content .xq .sqh{font-size: 14px;}

}



@media (max-width: 1200px){

    .content .strate3 ul li i{display: none;}

    .content .strate3 ul li span{display: block; width: 100%;float: none;}

    .content .sidemenu .zclist .third li h5 a{font-size: 12px;}



    .serachbox .su{margin-right: 10px; margin-bottom: 8px;}





}



@media (max-width: 1100px){

  .header{display: none;}



  .phone{display: block; }

  #cd-menu-trigger{display: block; padding-top: 20px;}



  .content .strate2 ul li{padding: 60px 20px;}





  .content .strate3 ul li{height: auto;}

  .content .strate3 ul li span{box-sizing: border-box; height: auto; line-height: 22px; padding: 15px 5px; text-align: left;}



  .content .xzmu .left{float: none; margin-bottom: 15px; }

  .content .xzmu .right{float: none;}

  .content .xzmu .right .xz{float: left;}

  .content .xzmu .right .box2{margin-right: 10px;}

  .content .xzmu .right .box2 select{width: 100px; height: 40px; line-height: 40px;}

  .content .xzmu .right .xz{width: 100px; height: 40px; line-height: 40px;}



}



@media (max-width: 900px){

    .index-news .in-news{float: none; width: 100%; max-width: 100%; height: auto;}

    .index-news .in-news .bg{background: none!important; height: auto;}

    .index-news .in-news .bg img{display: block; width: 100%; height: auto;}

    .index-news .in-news .txt{padding: 10px 5px;}

    .index-news .in-news .txt h2{font-size: 14px;}

    .index-news .right{float: none; width: 100%; max-width: 100%; height: auto; padding: 15px 5px;}

    .index-news .right .box1{margin-bottom: 20px;}

    .index-news .right .box1 h1{font-size: 14px;}

    .index-news .right .box1 .nr{font-size: 12px; height: 95px;}

    .index-news .right .box2 .hd ul li{font-size: 14px;}

    .index-news .right .box2 .bd ul li{font-size: 13px;}



    .index1 ul li .bt{font-size: 25px;}

    .index1 ul li .bt i{width: 30px; height: 30px; background-size: 100% auto;}

    .index1 ul li .txt{font-size: 18px;}

    .index1 ul .li3 .box .nr{font-size: 14px;}

    .index1 ul .li3 .more{font-size: 18px;}



    .content .views3 ul li h1 span{width: 85%;}



    .content .join .zp ul li{font-size: 14px;}





    .content .strate2 ul li{width: 50%; height: 150px; font-size: 14px;}

    .content .strate2 ul li:nth-child(3){background-color: #3c3c3c; color:#d7bd81;}

    .content .strate2 ul li:nth-child(4){background-color: #d7bd81; color:#3c3c3c;}



    .content .strate5 ul{float: none;width: 100%;}

    .content .strate5 ul:nth-child(2){float: none;}

    .content .strate5 ul:nth-child(2) li i{float: left;}


    .appendix a{width: 200px;}





  }

@media (max-width: 768px){

    .index-banner .txt .table .cell h1{font-size: 30px;}

    .index-banner .txt .table .cell h2{font-size: 25px; margin-top: 15px;}

    .index-banner .txt .table .cell h2 i{width: 35px; height: 35px; background-size: 100% auto;}



    .index1{padding: 30px 0;}

    .title{margin-bottom: 25px;}

    .title h1{font-size: 20px;}

    .index1 ul li{width: 48.5%; height: 280px; margin-bottom: 15px;}

    .index1 ul li .bt{font-size: 18px;}

    .index1 ul li .bt i{width: 20px; height: 20px; top: 5px;}

    .index1 ul li .txt{font-size: 14px;}

    .index1 ul .li3 .box{top: 15%;}

    .index1 ul .li3 .box h1{font-size: 20px; margin-bottom: 15px;}

    .index1 ul .li3 .box .nr{width: 85%; font-size: 12px;}

    .index1 ul .li3 .more{font-size: 14px;}





    .footer{padding: 30px 0;}

    .footer .container{width: 95%; margin: 0 auto; max-width: 100%; min-width: 0;}

    .footer .bt{font-size: 16px; margin-bottom: 15px;}

    .footer .wz{font-size: 14px;}

    .footer .box{float: none; width: 100%; margin-right: 0; margin-bottom: 15px;}

    .footer .box:last-child{margin-bottom: 0;}

    .footer .box1 ul li .bt{text-align: center;}

    .footer .box1 ul li a{width: 120px; height: 35px; line-height: 35px;}

    .footer .box1 ul .li2 select{width: 140px; height: 35px; line-height: 35px;}

    .footer .box1, .footer .box2{display: flex;  justify-content:space-around;}

    .footer .box2 ul li img{width: 100px; height: 100px;}

    .footer .box3 p{font-size: 12px;}

    .footer .box3 p i{width: 25px; height: 25px; margin-right: 8px; background-repeat: 100% auto;}





    .bottoms{box-sizing: border-box; padding: 15px 10px; font-size: 12px; line-height: 25px;}





    .home{padding: 30px 0; font-size: 13px;}



    .content{padding-bottom: 30px;}

    .content .sidemenu{float: none; width: 100%; max-width: 100%; margin-bottom: 25px;}

    .content .sidemenu .sidelist ul li{height: 70px;}

    .content .sidemenu .sidelist ul li h1{padding-top: 15px;}

    .content .sidemenu .sidelist ul li h2{font-size: 12px; padding-bottom: 15px;}

    .content .nrbox{float: none; width: 100%; max-width: 100%; padding: 30px 10px;}

    .content .nrbox p img{display: block; width: 100%; height: auto;}

    .content .about .bt{margin-bottom: 25px;}

    .content .about .bt h1{font-size: 18px; font-weight: bold;}

    .content .about .bt h2{font-size: 14px; margin-top: 10px;}

    .content .about .nr .tops{margin-top: 15px;}





    .content .honor ul li{margin-bottom: 25px;}

    .content .honor ul li h1{font-size: 12px;}

    .content .honor ul li .line{margin-top: 15px;}



    .content .about5 ul li{padding: 25px 0;}

    .content .about5 ul li .boxs{height: auto;}

    .content .about5 ul li .boxs .left{height: auto; width: 100%; margin-bottom: 25px;}

    .content .about5 ul li .boxs .left h1{margin-bottom: 15px;}

    .content .about5 ul li .boxs .left h1 i{width: 25px; height: 25px;}

    .content .about5 ul li .boxs .left h1 span{font-size: 18px; line-height: 25px;}

    .content .about5 ul li .boxs .left .more{margin-top: 15px; position: relative; left: 0; top: 0;}

    .content .about5 ul li .boxs .right{float: none; width: 100%; height: auto;}

    .content .about5 ul li .boxs .right .bg{background:none!important;}

    .content .about5 ul li .boxs .right .bg img{display: block; width: 100%; height: auto;}



    .sabrosus{font-size: 12px;}





    .content .xq .bt{margin-bottom: 30px; padding-bottom: 25px;}

    .content .xq .bt h1{font-size: 20px; line-height: 30px;}

    .content .xq .bt span{font-size: 13px; margin-top: 15px;}

    .content .xq .nr .tops{margin-top: 15px;}



    .content .zbt{margin-bottom: 20px; font-size: 20px;}



    .content .cate .links li{width: 49%;font-size: 12px; margin-bottom: 15px; height:60px; line-height: 60px; padding: 0;}

    .content .cate .links li a{overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}



    .content .views ul li{float: none; width: 100%; padding: 15px 10px; margin-bottom: 20px;}

    .content .views ul li:nth-child(even){float: none;}

    .content .views ul li .xbt{font-size: 15px;}

    .content .views ul li .nr p{font-size: 12px;}

    .content .views ul li .thanmore{font-size: 12px;}

    .content .views ul li .img img{
        height: auto;
    }



    .content .views2 ul li{width: 48%; margin: 0% 0.5%; padding: 15px 10px; margin-bottom: 20px;}

    .content .views2 ul li .xbt{font-size: 15px;}

    .content .views2 ul li .nr p{font-size: 12px;}



    .content .views3 ul li{padding: 15px 10px;}

    .content .views3 ul li h1 i{width: 25px; height: 25px; margin-right: 10px;}

    .content .views3 ul li h1 span{font-size: 15px; line-height: 25px;}

    .content .views3 ul li .box{font-size: 12px;}



    .content .news ul li{padding: 15px 10px; margin-bottom: 20px;}

    .content .news ul li h6{font-size: 12px;}

    .content .news ul li h6 i{width: 15px; height: 15px; margin-right: 10px;}

    .content .news ul li .box2 h1{font-size: 15px;}

    .content .news ul li .box2 .amore{font-size: 12px;}



    .content .news2 ul li{padding: 25px 0; border-top: none;}

    .content .news2 ul li:first-child{border-top: 1px solid #ccc;}

    .content .news2 ul li .box{height: auto;}

    .content .news2 ul li .box .img{float: none; width: 100%; height: auto; margin-bottom: 15px;}

    .content .news2 ul li .box .img .bg{background: none!important;}

    .content .news2 ul li .box .img .bg img{display: block; width: 100%; height: auto;}

    .content .news2 ul li .box .nr{float: none; width: 100%; height: auto;}

    .content .news2 ul li .box .nr h1{font-size: 15px; margin-bottom: 15px;}

    .content .news2 ul li .box .nr .di{position: relative; top: 0; left: 0;}

    .content .news2 ul li .box .nr .di .dibox{font-size: 12px;}

    .content .news2 ul li .box .nr .di .dibox .left em{width: 15px; height: 15px;}

    .appendix{padding-top: 25px; margin-top: 25px;}
    .appendix a{font-size: 14px; width: 35%;}



    .content .lxfs ul li{font-size: 13px; float: none; margin-right: 0; text-align: center;}

    .content .lxfs{margin: 30px 0 25px 0; padding-bottom: 10px;}

    #map{height: 350px!important;}



    .content .join .yellow{font-size:22px; padding-bottom: 15px;}

    .content .join .zp ul li{font-size: 13px;}

    .content .join .zp ul li .wz:nth-child(2){display: none;}

    .content .join .zp ul li .wz:nth-child(4){display: none;}

    .content .join .zp ul li .one{width: 50%;}

    .content .join .zp ul li .wz1{width: 25%; padding: 15px 0;}



    .content .zp1{margin-top: 30px; padding-top: 15px;}

    .content .zp1 p{float: none; width: 100%; height: auto;}



    .content .joinxq .bt{padding-bottom: 15px; margin-bottom: 25px; font-size: 20px;}

    .content .joinxq .tops{margin-top:15px;}



    .content .stratebox{margin-bottom: 30px;}

    .content .stratebox:last-child{margin-bottom: 0;}

    .content .strate2 ul li{padding: 50px 20px;}



    .content .strate5 ul li{height: 40px; line-height: 40px;}



    .info{margin-bottom: 30px;}

    .info ul li{padding: 15px 0;}

    .info ul li h1 i{width: 20px; height: 20px; margin-right: 10px;}

    .info ul li h1 span{font-size: 14px;}

    .info ul li h2 a{font-size: 12px;}





    .content .ibt{font-size: 20px; margin-bottom: 30px;}



    .content .nr table tr th{font-size: 14px;}

    .content .nr table tr td{font-size: 12px;}



    .content .xq .sqh{margin: 25px 0 0 0;}

    .content .xqfj a{font-size: 16px; width: 320px; margin: 30px auto 0 auto;}





    .serachbox .su{margin-right: 0; float: none; margin-bottom: 15px;}

    .serachbox .su span{width: 70px; font-size: 14px; display: inline-block;}

    .serachbox .su input{width: 70%;}

    .serachbox .su select{width: 75%; font-size: 14px;}

    .serachbox button{width: 150px; font-size: 14px;}



    .video_bg {
        background: url(../images/videobg.jpg) no-repeat center center #01050e;
        background-size: 100% auto;
    }




}





@media  (max-width: 680px){




}



@media  (max-width: 480px){







}

@media (max-width: 360px){



}